
{% extends 'blog/base.html' %}


{% block postcontent %}

<div class="card post-bg-white">
    <!-- <img src="..." class="card-img-top" alt="..."> -->
    <div class="card-body" style="padding: 20px; ">
        <h2 class="card-title" style="text-align: center;">
            Tags 
        </h2>
        

        <div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
            <a href="" class="tag-button-a">
                <div class="btn-group me-2" role="group" aria-label="First group">
                    <button type="button" class="btn btn-primary">python</button>
                    <button type="button" class="btn btn-outline-primary">2</button>
                </div>
            </a>

            <a href="">
            <div class="btn-group me-2" role="group" aria-label="First group">
                <button type="button" class="btn btn-primary">django</button>
                <button type="button" class="btn btn-outline-primary">12</button>
            </div></a>
            <a href="">
            <div class="btn-group me-2" role="group" aria-label="First group">
                <button type="button" class="btn btn-primary">linux</button>
                <button type="button" class="btn btn-outline-primary">102</button>
            </div></a>
            <a href="">
            <div class="btn-group me-2" role="group" aria-label="First group">
                <button type="button" class="btn btn-primary">mysql</button>
                <button type="button" class="btn btn-outline-primary">29</button>
            </div>
        </a><a href="">
            <div class="btn-group me-2" role="group" aria-label="First group">
                <button type="button" class="btn btn-primary">redis</button>
                <button type="button" class="btn btn-outline-primary">30</button>
            </div>
        </a><a href="">
            <div class="btn-group me-2" role="group" aria-label="First group">
                <button type="button" class="btn btn-primary">tidb</button>
                <button type="button" class="btn btn-outline-primary">8</button>
            </div>
        </a>
        <a href="">
            <div class="btn-group me-2" role="group" aria-label="First group">
                <button type="button" class="btn btn-primary">prometheus</button>
                <button type="button" class="btn btn-outline-primary">14</button>
            </div></a>
            <a href="">
            <div class="btn-group me-2" role="group" aria-label="First group">
                <button type="button" class="btn btn-primary">hadoop</button>
                <button type="button" class="btn btn-outline-primary">222</button>
            </div></a>

          </div>


        
        
    </div>
</div>





{% endblock %}